<!DOCTYPE html>
<html>
<head>
	<title>uphgall demo. Album1</title>
	<!--CSS-->
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
	<link rel="stylesheet" type="text/css" href="../css/prettify.css">
	<link rel="stylesheet" type="text/css" href="../css/reset.min.css">
	<link rel="stylesheet" type="text/css" href="../css/gallery.css">
	<link rel="stylesheet" type="text/css" href="../css/uphgall.css">
	<style type="text/css">
		.uphgallAlbum1{
			color:	#ccc;
		}
		.uphgallAlbum1 .canvholder,
		.uphgallAlbum1 .canvas{
			width:	800px;
			height:	512px;
			background:	#666;
		}
		.uphgallAlbum1 .thumbs,
		.uphgallAlbum1 .thumbs>li{
			height:	94px;/*Thumb height + 22*/
		}
		.uphgallAlbum1 .thumbs>li{
			width:	74px;/*Thumb width + 2*/
		}
	</style>
	<!--JS-->
	<script type="text/javascript" src="../js/jquery-1.7.2.min.js"></script>
	<script type="text/javascript" src="../js/showpagecode.js"></script>
	<script type="text/javascript" src="../js/jquery.uphgall.min.js"></script>
	<script type="text/javascript" src="../js/prettify/prettify.js"></script>
	<!--uphgall initialization-->
	<script type="text/javascript">
		uphgall({
			Query:		'coral',
			MaxResults:	40,
			GalleryId:	'.uphgallAlbum1'
		})
	</script>
</head>
<body>
	<div class="wrap">
		<!--gallery HTML-->
		<div class="uphgallAlbum1 canvascenter">
			<div class="canvholder">
				<div class="canvas">
					<img class="img">
					<a class="link" target="_new">
						<span class="name"></span>
					</a>
					<div class="published"></div>
					<div class="metadata">
						<div>
							tags<div class="tags"></div>
						</div><!--
						--><div>
							description<div class="description"></div>
						</div>
					</div>
				</div>
			</div>
			<div class="controls">
				<div class="navigation">
					<span class="first">&lt;&lt;</span><!--
					--><span class="prev">&lt;</span><!--
					--><span class="next">&gt;</span><!--
					--><span class="last">&gt;&gt;</span><!--
					--><span class="slideshow"></span>
				</div>
				<ul class="pagination">
					<li class="prev">&lt;</li><!--
					--><li class="page"></li><!--
					--><li class="next">&gt;</li>
				</ul>
			</div>
			<ul class="thumbs">
				<li>
					<img class="img">
					<div class="index"></div>
					<div class="name"></div>
				</li>
			</ul>
		</div>
		<!--/gallery HTML-->
	</div>
</body>
</html>
